<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<%@ include file="../../../attr.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!doctype html>
<html>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="${ctx}/css/sapar.css"/>
<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css"/>
<script type="text/javascript" src="${ctx}/js/jquery.js"></script>
<script type="text/javascript" src="${ctx}/js/sapar.js"></script>
<script type="text/javascript" src="${ctx}/js/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx}/assets/layer/layer.js"></script>
<script type="text/javascript" src="${ctx}/js/kkpager.min.js"></script>
<link rel="stylesheet" type="text/css" href="${ctx}/css/kkpager_blue.css"/>
<script type="text/javascript" src="${ctx}/js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="${ctx}/js/LodopFuncs.js"></script>
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0>
    <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
</object>
<title>软件管理</title>
<style>
    #shou {
        margin-left: 8px;
    }

    #yici {
        margin-left: 8px;
    }

    th {
        text-align: center;
    }

    td {
        text-align: center;
    }
</style>
</head>
<body>
<div id="saper-container">
    <div id="saper-hd"></div>
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>软件管理</h2>
        </div>

        <div class="subfiled-content">
            <div class="query_criteria">
                <h3 style="text-indent:2em">▍查询条件</h3>
                <div class="search-box clearfix" style="margin-top:10px">
                    <div class="kv-item clearfix">
                        <label>软件名称:</label>
                        <div class="kv-item-content">
                            <input type="text" name="searchTxt" placeholder="软件名称"
                                   value="${searchTxt}" class="search_text"
                                   onkeyup="this.value=this.value.replace(/(^\s*)|(\s*$)/g,'')">
                        </div>
                    </div>
                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn"
                       id="chaxun">查询</a>
                </div>
            </div>
            <div class="user_management">
                <h3 style="text-indent:2em">▍用户管理列表</h3>
                <!--表格开始-->
                <div class="table">
                    <!--表格操作-->
                    <div class="table-operate ue-clear">
                        <a href="javascript:;" class="add">添加</a> <a href="javascript:;"
                                                                     class="edit">修改</a> <a href="javascript:;"
                                                                                            class="del">删除</a>
                        <a href="javascript:dayinAll();" class="edita">打印</a>
                    </div>
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table>
                            <thead>
                            <tr>
                                <th><input type="checkbox" id="checkall" name="checkall"/></th>
                                <th>设备名称</th>
                                <th>软件编码</th>
                                <th>软件名称</th>
                                <th>软件类型</th>
                                <th>软件说明</th>
                                <th>创建时间</th>
                            </tr>
                            </thead>
                            <tbody>
                            <c:if test="${softList != null}">
                                <c:forEach items="${softList}" var="soft">
                                    <tr>
                                        <td><input type="checkbox" name="key" value="${soft.softId}"/><input
                                                type="hidden" value="${soft.softName}"/><input type="hidden"
                                                                                               value="${soft.softRemark}"/>
                                        </td>
                                        <td>${soft.equip.equipName}</td>
                                        <td>${soft.softId}</td>
                                        <td>${soft.softName}</td>
                                        <td>
                                            <c:if test="${soft.softType==1 }">清洗程序</c:if>
                                            <c:if test="${soft.softType==2 }">灭菌程序</c:if>
                                            <c:if test="${soft.softType==3 }">测试程序</c:if>
                                        </td>
                                        <td>${soft.softRemark}</td>
                                        <td><fmt:formatDate value="${soft.softCreatetime}" type="date"
                                                            pattern="yyyy-MM-dd HH:mm:ss"/></td>
                                    </tr>
                                </c:forEach>
                            </c:if>
                            </tbody>
                        </table>
                    </div>
                </div>    <!--表格结束-->
            </div>

        </div>
    </div>
    <!--分页用到的 -->
    <div id="saper-ft">
        <div id="kkpager"></div>
    </div>
</div>
</body>
<!-- -->
<script type="text/javascript">
    $(function () {
        var totalPage = ${total};
        var pageNo = getParameter('pageIndex');
        if (!pageNo) {
            pageNo = 1;
        }
        //生成分页
        //有些参数是可选的，比如lang，若不传有默认值
        kkpager.generPageHtml({
            pno: pageNo,
            //总页码
            total: totalPage,
            //链接前部
            hrefFormer: '${ctx}/soft/softList',
            //链接尾部
            hrefLatter: '.do',
            //这些参数传过去干嘛的
            getLink: function (n) {
                return this.hrefFormer + this.hrefLatter + "?pageIndex=" + n + "&searchTxt=" + $(".search_text").val();
            }
        });
        $(".query-btn").click(function () {
            window.location.href = "${ctx}/soft/softList.do?searchTxt=" + $(".search_text").val();
        });
        $(".add").click(function () {
            window.location.href = "${ctx}/soft/softEdit.do";
        });
        $("#checkall").click(function () {
            if (this.checked) {
                $("input[name='key']").prop('checked', true)
            } else {
                $("input[name='key']").prop('checked', false)
            }
        });
        $(".edit").click(function () {
            var chk_value = getSelRecord();
            if (chk_value.length == 1) {
                window.location.href = "${ctx}/soft/softEdit.do?softId=" + chk_value[0];
            } else {
                layer.msg("请选择并只能选择一条数据！");
            }
        });
        $(".del").click(function () {
            var chk_value = getSelRecord();
            if (chk_value.length > 0) {
                layer.confirm('你确定要删除么？', function () {
                    $.ajax({
                        type: "POST",
                        url: "${ctx}/soft/softDelete.do?softId=" + chk_value.join(),
                        error: function (request) {
                            layer.alert("网络故障，请稍后再试!");
                        },
                        success: function (data) {
                            if (data.status == "true") {
                                layer.alert("删除成功", function () {
                                    window.location.reload();
                                    $('input[name="key"]').each(function () {
                                        $("input[name='key']").prop('checked', false);
                                    });
                                });
                            } else {
                                layer.msg(data.msg);
                            }
                        }
                    });
                });
            } else {
                layer.msg('请选择要删除的数据！');
            }
        });
    });

    function dayinAll() {
        var json = dayingetSelRecord();
        console.log(json);
        for (var i = 0; i < json.length; i++) {
            CreatePrintPage(json[i]);
        }

    }


    //判断是否为空


    function CreatePrintPage(data) {
        var key = data.id;
        var name = data.softName;
        var softMark = data.softMak;
        LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_名片");
        LODOP.ADD_PRINT_RECT(10, 10, 256, 142, 0, 1);
        LODOP.ADD_PRINT_TEXT(10, 10, 60, 50, "名称:");
        LODOP.ADD_PRINT_TEXT(10, 70, 170, 38, name);
        LODOP.SET_PRINT_STYLE("FontSize", 12);
        LODOP.SET_PRINT_STYLE("FontName", "微软雅黑");
        LODOP.ADD_PRINT_TEXT(50, 10, 150, 40, "说明");
        LODOP.ADD_PRINT_TEXT(50, 60, 150, 40, softMark);
        LODOP.SET_PRINT_STYLEA(2, "FontSize", 12);
        LODOP.SET_PRINT_STYLEA(3, "FontSize", 12);
        LODOP.ADD_PRINT_TEXT(80, 10, 150, 40, "条码");
        LODOP.ADD_PRINT_BARCODE(80, 50, 200, 60, "Code39", key);
        LODOP.SET_PRINT_STYLEA(7, "FontSize", 10);
        //LODOP.PREVIEW();
        LODOP.PRINT();
    };
    function dayingetSelRecord() {
        var data = [];
        $('input[name="key"]:checked').each(function () {
            var that = this;
            var obj = new Object();
            var softName = $(that).next().val();
            var id = $(that).val();
            var softMark = $(that).next().next().val();
            obj.softName = softName;
            obj.id = id;
            obj.softMak = softMark;
            data.push(obj);

        });
        return data;
    }

    function getSelRecord() {
        var chk_value = [];
        $('input[name="key"]:checked').each(function () {
            chk_value.push($(this).val());
        });
        return chk_value;
    }


    function getParameter(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
</script>
</html>